/* 通过类选择器应用样式 */
body{
  background-color:#fffefa;
  color:#616060;
  padding-left: 6px;
  padding-right: 6px;
}
h1{
  color:#dd91ca;
}
h2{
  color:#c0a36c;
}
h3{
  color:#685a3f;
}
#dateBlock{
  display:flex;
  flex-direction: row;
  position: fixed;
  justify-content: center;
  align-items: center;
  left:15px;
  top:80px;
  z-index: 1;
  background-color: #fff1ff;
  padding:10px;
}

#BasicInfo{
  background: rgb(211, 211, 196);
  color:#515539
}
#body_msr_data{
  background: rgb(250, 252, 245);
  color:#515539
}
#ins_evaluate{
  background: rgb(248, 249, 252);
  color:#5a6ba3
}
#container{
  width:100%;
  display:flex;
  flex-direction: column;
  background-color:#fffbf6 ;
  text-align: left; 
  justify-content: center; 
  /* align-items: center; */
  flex-wrap: wrap; 
}
.riyun-box{
  /* width: 100%; */
  text-align: left;
  padding:10px;
  /* justify-content: left; */
}
.yuncheng-txt{
  width: 100%;
  height:100px;
}
.result{
  margin-top: 20px;
  color:#901150;
  border: #ac6161 1px solid;
  padding:8px;
  border-radius: 3px;
}
.prompt{
  color:#d052bb;
}
.selectJx{
  margin-top:6px;
  margin-bottom:6px;
}
.cover-button{
  display:table-cell;
  margin-bottom: 15px; 
  width:300px; 
  height:60px; 
  line-height: 60px;
  text-align: center; 
  vertical-align: middle;
}
.cover-button a {
  color: rgb(108, 109, 90);
  font-size: 32px;
  text-decoration: none;
  display: block; /* 让链接元素变成块级元素，以充分利用居中样式 */
  width: 100%; /* 让链接元素充满父元素宽度 */
  text-align: center; /* 文字水平居中 */
}
.cusClsTkn{
  background-color: #959e96;
  color:#f9fffd;
  /* padding: 20px; */
}
.nonOxy{
  background-color: #fdf1f1;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:40px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.oxy{
  background-color: #f4fdf1;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:40px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ico{
  width:16px;
  height:auto;
}
.inline{
    display: inline-block;
    font-size: 16px;
    color:lightslategray
  }
.inline2{
    display: inline-block;
    font-size: 16px;
    color:rgb(204, 143, 119)
  }
.train-reccount{
  display: inline-block;
  background-color: #3f3521;
  color:#f2f2f2;
  padding-left: 15px;
  padding-right: 15px;
}
.train-list{
  display: inline-block;
  font-size: 16px;
  color:rgb(139, 39, 78);
  /* position:relative; */
}
.train-list2{
  display: inline-block;
  font-size: 16px;
  color:rgb(139, 39, 78);
  /* position:relative; */
}
.train-list3{
  margin-top:8px;
  padding-left:8px;
  width:150px;
  border:1px solid #752320;
  border-radius:2px;
  line-height: 35px;
  font-size: 18px;
  color:rgb(245, 235, 235);
  background-color: #752320;
  /* position:relative;
  top:50px;
  left:5px; */
}
.train-list4{
  margin-top:8px;
  padding-left:8px;
  width:150px;
  border:1px solid #3a6e4b;
  border-radius:2px;
  line-height: 35px;
  font-size: 18px;
  background-color: #1e4129;
  color:rgb(237, 250, 242);
  /* position:relative;
  top:50px;
  left:5px; */
}
  .block{
    display: inline-block;
    font-size: 16px;
    color:rgb(204, 143, 119)
  }
  .dynamic-radio{
    display: inline-block;
    font-size: 12px;
    color:rgb(26, 22, 21);

  }

  .result{
    display: inline-block;
    font-size: 16px;
    color: rgb(196, 162, 24);
  }
  .cus-list {
    font-size: 13px;
    line-height: 25px;
    position: absolute;
    color:rgb(47, 54, 100);
    padding-right: 40px;
    top:50px;
    left:225px;
    background-color: rgb(245, 249, 254);
    z-index: 1;
  }
  .cus-list-input-buy{
    font-size: 13px;
    line-height: 32px;
    position: absolute;
    color:rgb(47, 54, 100);
    padding-right: 40px;
    top:50px;
    left:130px;
    background-color: rgb(245, 249, 254);
    z-index: 1;
  }
  .cus-list-cls-input {
    border:1px solid #515539;
    border-radius:3px;
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    color:rgb(71, 82, 63);
    padding-left: 20px;
    padding-right: 40px;
    top:116px;
    left:130px;
    background-color: rgb(252, 255, 249);
    z-index: 1;
  }
  .cus-list-input-body {
    border:1px solid #515539;
    border-radius:3px;
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    color:rgb(71, 82, 63);
    padding-left: 20px;
    padding-right: 40px;
    top:112px;
    left:190px;
    background-color: rgb(252, 255, 249);
    z-index: 1;
  }
.cus-list-input-start-limit-class {
    border:1px solid #515539;
    width: 120px;
    border-radius:3px;
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    color:rgb(71, 82, 63);
    padding-left: 20px;
    padding-right: 40px;
    top:96px;
    left:200px;
    background-color: rgb(252, 255, 249);
    z-index: 1;
  }
.cus-list-trial{
    border:1px solid #515539;
    width: 120px;
    border-radius:3px;
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    color:rgb(71, 82, 63);
    padding-left: 20px;
    padding-right: 40px;
    top:305px;
    left:268px;
    background-color: rgb(252, 255, 249);
    z-index: 1;
  }
.buy-list {
    font-size: 6px;
    line-height: 25px;
    position: absolute;
    color:rgb(47, 54, 100);
    padding-right: 3px;
    top:260px;
    left:5px;
    background-color: rgb(245, 249, 254);
    z-index: 1;
  }
  .body-history-list {
    font-size: 12px;
    line-height: 25px;
    color:rgb(47, 54, 100);
    padding-right: 3px;
    background-color: rgb(245, 249, 254);
  }
.header-row{
  color:cornflowerblue;
  font-size:8px;
}

  /* 添加表格的样式 */
  table {
    border-collapse: collapse; /* 合并边框，避免重复显示 */
    width: 100%; /* 设置表格宽度 */
    /* table-layout: fixed; 固定列宽 */
  }

  /* 为表格的每一行添加下框线 */
  tr,td {
    border-bottom: 1px solid #ccc; /* 设置下框线颜色和宽度 */
    /* width: 80px; 设置列宽为 100 像素，你可以根据需要自行调整 */
    padding: 5px; /* 设置单元格内边距 */
    border-bottom: 1px solid #ccc; /* 设置单元格边框 */
  }

  /* 鼠标悬停在行上时改变背景颜色 */
  tr:hover {
    background-color: #f2f2f2;
  }

  .header-row th:nth-child(1) { width: 140px; }
  .header-row th:nth-child(2) { width: 90px; }
  .header-row th:nth-child(3) { width: 20px; }
  .header-row th:nth-child(4) { width: 20px; }
  .header-row th:nth-child(5) { width: 20px; }
  .header-row th:nth-child(6) { width: 20px; }
  .header-row th:nth-child(7) { width: 100px; }

 tr td:nth-child(1) { width: 140px; }
 tr td:nth-child(2) { width: 90px; }
 tr td:nth-child(3) { width: 20px; }
 tr td:nth-child(4) { width: 20px; }
 tr td:nth-child(5) { width: 30px; }
 tr td:nth-child(6) { width: 30px; }
 tr td:nth-child(7) { width: 100px; }